<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pCliente.xhtml">
		<ui:define name="head">
			<script type="text/javascript">//<![CDATA[
				function limitarCaja(field, maxlimit) {
					try{
						if (field.value.length > maxlimit) {
							field.value = field.value.substring(0, maxlimit);
						}
					}catch(ex){
					}            				
	            }
				
				function handleModaMailPerfilRequest(xhr, status, args) {  
			        if(args.isPopupClose) {
			        	popmpnlEnviarMsg.hide(); 
			        }  
			    } 
        	//]]></script>
			<title>Asesor 360</title>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="INFORMACIÓN DE PERFILAMIENTOS" />
		</ui:define>

		<ui:define name="bodyarea">
			<p:messages id="growl" showDetail="true" closable="true" />
			<f:event type="preRenderView" listener="#{histPerfilCl.onPageLoad}"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="perfilarCliente"/>
			<h:panelGrid id="idContentMain" width="100%">
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1"
				style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Criterio de Búsqueda" />
				</f:facet>
				<h:panelGrid columns="8">
					<h:outputText value="Fecha Desde:" styleClass="texto"/>
					<p:calendar id="txtFechaDesde" value="#{histPerfilCl.perfilamientoClModel.fechaDesde}" locale="es" showButtonPanel="false" 
						showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{histPerfilCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
						<p:ajax event="change" listener="#{histPerfilCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
					</p:calendar>
					<h:outputText value="Fecha Hasta:" styleClass="texto"/>
					<p:calendar id="txtFechaHasta" value="#{histPerfilCl.perfilamientoClModel.fechaHasta}" locale="es" showButtonPanel="false" 
						showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{histPerfilCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
						<p:ajax event="change" listener="#{histPerfilCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
					</p:calendar>
					
					<h:outputText value="Asesor de Inversiones:" styleClass="texto"/>
					<h:inputText id="txtEjecutivo" value="#{histPerfilCl.perfilamientoClModel.nombreEjecutivo}"/>
					<p:spacer width="20px" height="10px" />
					<p:commandButton icon="ui-icon-search" value="Buscar" id="btnBuscar" actionListener="#{histPerfilCl.cargarCriteriosBusqueda}"
						update=":formPrincipal:growl,:formPrincipal:pnlBusquedaPerfilamiento" />
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" id="pnlBusquedaPerfilamiento"
				style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Histórico de Perfilaciones" />
				</f:facet>
				<h:panelGrid columns="1" width="100%">
					<p:commandButton id="idNoNuevoPerfil" onclick="poppanelValidacion.show()" value="Nuevo" rendered="#{histPerfilCl.lanzarPopUp}"
						icon="ui-icon ui-icon-document"/>
					<p:tooltip for="idNoNuevoPerfil" value="Nuevo Perfil"/>
					<p:commandButton id="idNuevoPerfil" value="Nuevo" actionListener="#{histPerfilCl.nuevoPerfilamiento}" rendered="#{!histPerfilCl.lanzarPopUp}"
						icon="ui-icon ui-icon-document"/>
					<p:tooltip for="idNuevoPerfil" value="Nuevo Perfil"/>
					<h:panelGrid columns="2">			
					<p:dataTable id="listadoPerfilaciones" value="#{histPerfilCl.listaConsultaGeneral}" var="fila"
						emptyMessage="No hay resultados." styleClass="styleDataTableWrapNormal"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="10" rowspan="2" headerText="Fecha" />
								<p:column rowspan="2" headerText="Hora" />
								<p:column rowspan="2" headerText="Asesor de Inversiones" />
								<p:column colspan="3" headerText="Datos al Momento del Perfilamiento" />
								<p:column colspan="3" headerText="Saldos Expresados en USD" />
								<p:column rowspan="2" headerText="Utilidad / Pérdida" />
								<p:column rowspan="2" headerText="Estado" />
								<p:column width="10" rowspan="2" headerText="" />
								<p:column width="10" rowspan="2" headerText="" />
								<p:column width="10" rowspan="2" headerText="" />
							</p:row>
							<p:row>
								<p:column headerText="Perfil Anterior" />
								<p:column headerText="Perfil Actual" />
								<p:column headerText="Rebalanceado [SI/NO]" />
								<p:column headerText="Actual" />
								<p:column headerText="Retenido" />
								<p:column headerText="Disponible" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.fechaperfila}" /></p:column>
						<p:column><h:outputText value="#{fila.horaperfila}" /></p:column>
						<p:column><h:outputText value="#{fila.nombreejecutivo}" /></p:column>
						<p:column><h:outputText value="#{fila.perfilanterior}" /></p:column>
						<p:column><h:outputText value="#{fila.perfilactual}" /></p:column>		
						<p:column styleClass="columnCenter"><h:outputText value="#{fila.balanceado=='S' ? 'SI' : ((fila.balanceado=='N') ? 'NO' : '')}" /></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldoactualperf}" /></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldoretenidoperf}" /></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldodisponibleperf}" /></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.utilidad}" /></p:column>		
						<p:column>
							<p:commandLink actionListener="#{histPerfilCl.seleccionarFila(fila)}" oncomplete="poppanelCambioEstado.show()" 
								rendered="#{fila.indLink=='S' and fila.tipoPerfilamiento=='CL'}">
								<h:outputText value="#{fila.estado}" styleClass="textoLinkCelesteNormal"/>
							</p:commandLink>
							<h:outputText value="#{fila.estado}" rendered="#{fila.indLink!='S' or (fila.indLink=='S' and fila.tipoPerfilamiento=='NCL')}"/>
						</p:column>
						<p:column>
							<p:commandButton id="btnVerCuestionario" actionListener="#{histPerfilCl.exportarArchivoCuestionario(fila)}" 
								ajax="false" icon="ui-icon ui-icon-folder-open"/>
							<p:tooltip for="btnVerCuestionario" value="Ver Cuestionario"/>
						</p:column>
						<p:column>
							<p:commandButton id="btnVerPerfil" actionListener="#{histPerfilCl.exportarArchivoPerfil(fila)}" 
								ajax="false" icon="ui-icon ui-icon-folder-open"/>
							<p:tooltip for="btnVerPerfil" value="Ver Perfil"/>
						</p:column>
						<p:column>
							<p:commandButton id="btnEnviarcorreoItem" actionListener="#{histPerfilCl.abrirFormMsg(fila)}"
								oncomplete="popmpnlEnviarMsg.show()" icon="ui-icon-mail-closed" update=":idmpnlEnviarMsg" />
						    <p:tooltip for="btnEnviarcorreoItem" value="Enviar Mail"/>						
						</p:column>
					</p:dataTable>
					<p:spacer height="10"/>
					</h:panelGrid>	
				</h:panelGrid>
			</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>

		<ui:define name="extraarea">
			<p:dialog id="idpanelCambioEstado" header="Cambio de Estado" widgetVar="poppanelCambioEstado" modal="true" 
				dynamic="true" width="350">
				<h:form>
					<h:panelGrid columns="1" id="panelDatos" >
						<h:outputLabel value="#{histPerfilCl.mensajePopUp}" id="mensajePopUp"></h:outputLabel>
						<t:fieldset legend="Estados">
							<h:selectOneRadio value="#{histPerfilCl.strEstado}">
								<f:selectItems value="#{comboModel.listEstadosPerfilamiento}"/>
							</h:selectOneRadio>
						</t:fieldset>
						<h:panelGrid columns="2">
							<p:commandButton icon="ui-icon ui-icon-disk" value="Guardar" actionListener="#{histPerfilCl.cambiarEstadoRebalanceo}"
								update=":formPrincipal:growl,:formPrincipal:pnlBusquedaPerfilamiento,:formPrincipal:idPanelDatosBasicos" 
								oncomplete="poppanelCambioEstado.hide()"/>
					    </h:panelGrid>
					</h:panelGrid>
				</h:form>
			</p:dialog>
			
			<p:dialog id="idpanelValidacion" header="Mensaje de Confirmación" widgetVar="poppanelValidacion" modal="true" 
				dynamic="true" width="350">
				<h:outputText value="#{histPerfilCl.mensajeValidacion}"/>
			</p:dialog>
			
			<p:dialog id="idmpnlEnviarMsg" header="Datos de Envío de Correo" widgetVar="popmpnlEnviarMsg" modal="true" 
				dynamic="true" width="450">
				<h:form id="idFormSendMail">
					<p:messages id="message2" showDetail="true" closable="true" />
					<h:panelGrid columns="2" width="100%">
						<p:spacer width="50" height="0" ></p:spacer>
						<p:spacer width="400" height="0" ></p:spacer>
						<h:outputText value="Para:" styleClass="texto"/>
						<h:inputTextarea id="txtPara" value="#{histPerfilCl.txtPara}" rows="2" cols="64"/>
						<h:outputText value="Copiar a:" styleClass="texto"/>
						<h:inputTextarea id="txtCopia" value="#{histPerfilCl.txtCopia}" rows="2" cols="64"/>
						<h:outputText value="Asunto:" styleClass="texto"/>
						<h:inputText id="txtAsunto" maxlength="30" rows="1" size="65" value="#{histPerfilCl.txtAsunto}" />
						<h:outputText value="Mensaje:" styleClass="texto"/>
						<h:inputTextarea id="txtMensaje" value="#{histPerfilCl.txtMensaje}" rows="3" cols="64" maxlength="250"/>
						<h:outputText value="Formato de Archivo" rendered="false"/>
						<h:selectOneRadio rendered="false" id="rbFormato" value="#{histPerfilCl.rbFormato}" >
							<f:selectItems value="#{histPerfilCl.listaFormatos}"/>
						</h:selectOneRadio>
						<h:outputText value=""/>
						<p:commandButton id="btnEnviar" value="Enviar" actionListener="#{histPerfilCl.enviarMensaje}"
							oncomplete="handleModaMailPerfilRequest(xhr, status, args)"/>
						<h:outputText value=""/>
						<h:outputText value=""/>
					</h:panelGrid>	
				</h:form>
			</p:dialog>				
		</ui:define>
	</ui:composition>
</html>